<template>
    <div id="projects">>
        <h2>我的简历</h2>
        <resume-projects :projects="projectsData"/>
    </div>
</template>


<script lang="ts">
import {Component, Vue} from 'vue-property-decorator';
import ResumeProjects from '@/components/ResumeProjects.vue';

@Component({
    components: {
        ResumeProjects,
    },
    computed: {
        projectsData() {
            return [
                {
                    id: 1,
                    name: '项目A',
                    description: '这是项目A的描述',
                    tasks: [
                        {
                            id: '任务1',
                        },
                        {
                            id: '任务2',
                        }],
                },
                {
                    id: 2,
                    name: '项目B',
                    description: '这是项目B的描述',
                    tasks: [
                        {
                            id: '任务1',
                        },
                        {
                            id: '任务2',
                        }],
                },
            ];
        },
    },


})
export default class Project extends Vue {

}
// import ResumeProjects from './ResumeProjects.vue';
//
// export default {
//     components: {
//         ResumeProjects
//     },
//     data() {
//         return {
//             projectsData: [
//                 {
//                     id: 1,
//                     name: '项目A',
//                     description: '这是项目A的描述',
//                     tasks: ['任务1', '任务2', '任务3']
//                 },
//                 {
//                     id: 2,
//                     name: '项目B',
//                     description: '这是项目B的描述',
//                     tasks: ['任务1', '任务2']
//                 },
//                 // 可以添加更多的项目...
//             ]
//         };
//     }
//
// };
</script>